
{include file="public/meta" /}
<link rel="stylesheet" type="text/css" href="__STATIC__/circle/css/normalize.css" />
<!--<link rel="stylesheet" type="text/css" href="__STATIC__/circle/css/zzsc.css">-->
<script src="__STATIC__/circle/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="__STATIC__/circle/dist/circleChart.min.js"></script>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>数据概览</h5>
                    <div class="ibox-tools">
                        <a class="link">
                            <b>
                                <i class="layui-icon layui-icon-refresh"></i>
                            </b>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    该功能等待使用更新中...
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-success pull-right">总</span>
                                <h5>{$new_count.new_year}年录取 人数</h5>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{$new_count.new_count}</h1>
                                <small>总录取学生</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-info pull-right">报道</span>
                                <h5>{$new_count.new_year}年报道 人数</h5>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{$new_count.new_status_count}</h1>
                                <small>总报道学生</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-primary pull-right">未报道</span>
                                <h5>{$new_count.new_year}年未报道 人数</h5>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{$new_count.new_report_count}</h1>
                                <small>总未报道学生</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-danger pull-right">异常</span>
                                <h5>{$new_count.new_year}年异常 人数</h5>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{$new_count.new_error_count}</h1>
                                <small>总异常学生</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>{$new_count.new_year}年 总报道率</h5>
                            </div>
                            <div class="ibox-content">
                                <div class="circleChart" id="0"></div>
                            </div>
                        </div>
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>系统介绍</h5>
                            </div>
                            <div class="ibox-content">
                                <p>系统提供以下服务：</p>
                                <ol>
                                    <li>1...</li>
                                    <li>2...</li>
                                    <li>3...</li>
                                    <li>4...</li>
                                </ol>
                            </div>
                        </div>
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>系统联系信息</h5>
                            </div>
                            <div class="ibox-content">
                                <p><i class="fa fa-send-o"></i> 手机：13013140818
                                </p>
                                <p><i class="fa fa-qq"></i> QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=649571640&site=qq&menu=yes" target="_blank">649571640</a>
                                </p>
                                <p><i class="fa fa-weixin"></i> 微信：<a href="javascript:;">13013140818</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>操作记录</h5>
                            </div>
                            <div class="ibox-content">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>状态</th>
                                        <th>信息</th>
                                        <th>地址</th>
                                        <th>IP</th>
                                        <th>时间</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {volist name="login_msg" id="vo"}
                                    <tr>
                                        <td>{$i}</td>
                                        <td>{$vo.status|login_status}</td>
                                        <td>{$vo.msg}</td>
                                        <td>{$vo.address}</td>
                                        <td>{$vo.login_ip}</td>
                                        <td>{$vo.login_time}</td>
                                    </tr>
                                    {/volist}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
<!--                    <div class="col-sm-3">-->
<!--                        <div class="ibox float-e-margins">-->
<!--                            <div class="ibox-title">-->
<!--                                <h5>系统介绍</h5>-->
<!--                            </div>-->
<!--                            <div class="ibox-content">-->
<!--                                <p>系统提供以下服务：</p>-->
<!--                                <ol>-->
<!--                                    <li>1...</li>-->
<!--                                    <li>2...</li>-->
<!--                                    <li>3...</li>-->
<!--                                    <li>4...</li>-->
<!--                                </ol>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="ibox float-e-margins">-->
<!--                            <div class="ibox-title">-->
<!--                                <h5>系统联系信息</h5>-->
<!--                            </div>-->
<!--                            <div class="ibox-content">-->
<!--                                <p><i class="fa fa-send-o"></i> 手机：13013140818-->
<!--                                </p>-->
<!--                                <p><i class="fa fa-qq"></i> QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=649571640&site=qq&menu=yes" target="_blank">649571640</a>-->
<!--                                </p>-->
<!--                                <p><i class="fa fa-weixin"></i> 微信：<a href="javascript:;">13013140818</a>-->
<!--                                </p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>系统报道管理员入口</h5>
                            </div>
                            <div class="ibox-content">
                                <div class="alert alert-warning">
                                    请用微信扫描登录
                                </div>
                                <p id="pay-qrcode">
                                    <a href="javascript:;">
                                        <img src="__STATIC__/index/images/report_user.png" width="100%" alt="请用微信扫描登录">
                                    </a>
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(".circleChart#0").circleChart({
        size: 100,
        value: {$new_count.percent},
        text: 0,
        onDraw: function(el, circle) {
            circle.text(Math.round(circle.value) + "%");
        }
    });
</script>
    <!-- 全局js -->
    {include file="public/footer" /}
</body>

</html>
